<template>
  <div id="app">

    <el-container class="container1">
      <!-- el-header   hei -->
      <el-header class="header">
        欢迎来到东软颐养中心系统
          <div style="float: right;">用户名: {{$store.state.username}}</div>
      </el-header>


      <el-container class="bottom">
        <el-aside width="240px" class="aside" >

          <NavMenu></NavMenu>

        </el-aside>
        <el-main class="main">
          <router-view></router-view>
        </el-main>
      </el-container>
    </el-container>
  </div>
</template>

<script>
import NavMenu from  '@/components/NavMenu.vue';
export default {
  name: 'Home',
  data() {
    return {

      value: ''
    }
  },
  methods: {

  },
  components:{
    NavMenu
  },
  created() {
    //$store --state  --值count
    console.log(this.$store.state.count);
  }

}
</script>

<style scoped>
.header{
  line-height:60px;
  background-color: cornflowerblue;
}
.bottom{

  height: calc(100vh - 60px);
}
.aside{

  background-color: #686868;

}
</style>